<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Create Test Bundle</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Fancy Sliding Form with jQuery" />
        <meta name="keywords" content="jquery, form, sliding, usability, css3, validation, javascript"/>
        <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
		<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
        <link rel="stylesheet" href="/EDFU/css/validationEngine.jquery.css" type="text/css"/>

        <script type="text/javascript" src="/EDFU/js/jquery-1.7.1.js"></script>
		<script type="text/javascript" src="/EDFU/js/jquery-ui-1.8.16.custom.js"></script>
		<script src="/EDFU/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="/EDFU/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
		</script>
		<script type="text/javascript" src="js/form.js"></script>
		<script>
		jQuery(document).ready(function(){
			// binds form submission and fields to the validation engine
			jQuery("#createTB").validationEngine();
			alert("asda");
			code = window.location.href.substring(window.location.href.indexOf("?code=")+6);
			document.getElementById("testID").value = code;
			document.getElementById("testID").readOnly = true;
			
			});

		
		
	</script>
    </head>
    <style>
        span.reference{
            position:fixed;
            left:5px;
            top:5px;
            font-size:10px;
            text-shadow:1px 1px 1px #fff;
        }
        span.reference a{
            color:#555;
            text-decoration:none;
			text-transform:uppercase;
        }
        span.reference a:hover{
            color:#000;
            
        }
        h1{
            color:#ccc;
            font-size:36px;
            text-shadow:1px 1px 1px #fff;
            padding:20px;
        }
    </style>
    <body>
       <div id="content">
            <h1>Create Test</h1>
            <div id="wrapper">
                <div id="steps">
                    <form id="createTB" name="formElem" action="" method="post">
                        <fieldset class="step">
                            <legend>Upload Questions XML</legend>
							<p>
                             	<label for="test">Test ID</label>
								<input value="" class="text-input" type="text" name="bun" id="testID" />
                             </p>
                             <p>
                             	<label for="testName">Upload XML*</label>
								<textarea rows="10" cols="20" class="validate[required]" type="text" id = "quesXML">
								</textarea>
                             <!--	<input value="" class="validate[required] text-input" type="text" name="req" id="name" />
							 -->
                             </p>
                           
						</fieldset>
                      	<button id="addQuestions">Submit</button>
                      </form>
                </div>
              
            </div>
        </div>
    </body>
</html>